<template>
	<view class="top-box">消息</view>
	<view class="flex_sbc search-box">
		<view class="flex_fsc input-box">
			<uni-icons type="search" size="16" class="uni-mr-16"></uni-icons>
			<input type="text" placeholder="搜索学院名称" placeholder-class="uni-placeholder">
		</view>
	</view>
	<view class="uni-mt-32">
		<navigator url="/pages/message/chat/chat" class="flex_fsc message-item" hover-class="nohe">
			<image src="" class="user-head"></image>
			<view class="width-100">
				<view class="flex_sbc">
					<view class="text-w">姜堰</view>
					<view class="z-font-24 uni-color-grey">08:30</view>
				</view>
				<view class="z-font-24 uni-color-grey uni-mt-12">你必须知道的8种高尔夫技巧</view>
			</view>
		</navigator>
		<navigator url="/pages/message/chat/chat" class="flex_fsc message-item" hover-class="nohe">
			<image src="" class="user-head"></image>
			<view class="width-100">
				<view class="flex_sbc">
					<view class="text-w">姜堰</view>
					<view class="z-font-24 uni-color-grey">08:30</view>
				</view>
				<view class="flex_sbc">
					<view class="z-font-24 uni-color-grey uni-mt-12 u-line-1">你必须知道的8种高尔夫技巧</view>
					<view class="not-read">20</view>
				</view>
			</view>
		</navigator>
	</view>
</template>

<script setup>
	import { onShow } from '@dcloudio/uni-app'
	import { ref, reactive, getCurrentInstance } from 'vue';
	const { proxy: that } = getCurrentInstance()
	
</script>

<style lang="scss">
	@import 'index.scss';
</style>
